:root {
	--el-menu-item-font-size: var(--el-font-size-medium) !important;
	// 背景
	--color-bg-1: rgb(250, 250, 252);
	--color-bg-1-shallow: rgba(250, 250, 252, 0.2);
	--color-bg-2: rgb(242, 243, 245);
	--color-bg-2-shallow: rgba(242, 243, 245, 0.2);
	--color-bg-3: rgb(229, 230, 235);
	--color-bg-3-shallow: rgba(229, 230, 235, 0.2);
	--color-bg-4: rgb(227, 227, 228);
	--color-bg-4-shallow: rgba(227, 227, 228, 0.2);
	--color-bg-5: rgb(190, 190, 190);
	--color-bg-5-shallow: rgba(190, 190, 190, 0.2);
}
html.dark {
	// 背景
	--color-bg-1: rgb(24, 24, 28);
	--color-bg-1-shallow: rgba(24, 24, 28, 0.2);
	--color-bg-2: rgb(35, 35, 36);
	--color-bg-2-shallow: rgba(35, 35, 36, 0.2);
	--color-bg-3: rgb(42, 42, 43);
	--color-bg-3-shallow: rgba(42, 42, 43, 0.2);
	--color-bg-4: rgb(49, 49, 50);
	--color-bg-4-shallow: rgba(49, 49, 50, 0.2);
	--color-bg-5: rgb(55, 55, 57);
	--color-bg-5-shallow: rgba(55, 55, 57, 0.2);
	.n-tabs .n-tabs-tab {
		color: rgba(255, 255, 255, 0.82);
	}
	.n-tabs .n-tabs-rail {
		background-color: rgba(255, 255, 255, 0.1);
	}
	.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab {
		&.n-tabs-tab--active,
		&:hover {
			color: rgba(255, 255, 255, 0.82);
			background-color: rgba(255, 255, 255, 0.1);
		}
	}
}

html#science {
	--el-menu-text-color: #91d5ff;
	--el-menu-bg-color: #002766;
	--el-menu-hover-text-color: #bae7ff;
	--el-menu-hover-bg-color: #003a8c;
	--el-menu-active-color: var(--el-color-white);
	--el-menu-active-bg-color: #1890ff;
}
html#major {
	--el-menu-bg-color: #141414;
	--el-menu-active-color: var(--el-color-primary);
	--el-menu-text-color: #e5eaf3;
	--el-menu-hover-text-color: #409eff;
	--el-menu-hover-bg-color: #18222c;
	--el-menu-item-hover-fill: #18222c;
}
html.dark#major {
	--el-menu-border-color: #ffffff26;
}

// 进度条颜色修改为主题色
body #nprogress .bar {
	background-color: var(--el-color-primary) !important;
}
body #nprogress .peg {
	box-shadow:
		0 0 10px var(--el-color-primary),
		0 0 5px var(--el-color-primary) !important;
}
body #nprogress .spinner-icon {
	border-top-color: var(--el-color-primary) !important;
	border-left-color: var(--el-color-primary) !important;
}

.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
	--el-button-hover-text-color: var(--el-color-primary) !important;
	--el-button-hover-bg-color: var(--el-fill-color-blank) !important;
	--el-button-hover-border-color: var(--el-color-primary) !important;
}
